<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page import="com.are.odisea.*" %>
<%@include file="validausuario.jsp"%>
<%@ page import="java.util.*" %>

<%
	db conexion = new db();

	com.are.manejadores.ManejadorPerfiles mp = new com.are.manejadores.ManejadorPerfiles(conexion);
	if (!mp.AllowAccessPage((String)session.getAttribute("perfil"),"USU")) {
		conexion.Close();
		response.sendRedirect("accesodenegado.jsp");
		return;
	}
	GestionUsuario user = new GestionUsuario(conexion);
	ArrayList<Perfiles> p = user.perfiles();
	ArrayList<Roles> roles = user.getRoles();
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Administrar Usuarios</title>
<link rel="stylesheet" href="themes/redmond/jquery.ui.all.css">
<LINK REL="stylesheet" TYPE="text/css" HREF="main.css">
<script src="js/jquery.js" language="JavaScript"></script>
<script src="ui/jquery.ui.core.js" language="JavaScript"></script>
<script src="ui/jquery.ui.widget.js" language="JavaScript"></script>
<script src="ui/jquery.ui.button.js"></script>

<script type="text/javascript">
$(function() {
	$( "input:submit, a, button", ".demo" ).button();
	$( "input:button, a, button", ".demo" ).button();
});
</script>
<script type="text/javascript" language="javascript">
function agregar() {
	$("#info").html("");
	$("#info").show();
	var usuario = $("#usuario").val();
	var nombre =  $("#nombre").val();
	var perfil = $("#perfil").val();
	var estado = $("#estado").val();
	var clave = $("#clave").val();
	var re_clave = $("#re_clave").val();
	var rol = $("#rol").val();
	var personal = $("#cedula").val();
	if (personal == "") {
		personal = "-1";
	}

	if (usuario == "" || nombre == "" || perfil == "-1" || clave =="" || re_clave == "" || rol == "") {
		alert("falta ingresar informacion");
		return;
	}
	
	if (usuario.lenght > 20) {
		alert("El usuario debe tener menos de 20 caracteres");
		return;
	}
	
	if (clave != re_clave) {
		alert("Las claves son diferentes, Intente de nuevo porfavor");
		return;
	}
	
	var inventario = "N";
	if ($("#inventario").is(':checked')) {
		inventario = "S";
	}
	var descargas = "N";
	if ($("#descargas").is(':checked')) {
		descargas = "S";
	}
	var noticias = "N";
	if ($("#noticias").is(':checked')) {
		noticias = "S";
	}
	
	var documentos = "N";
	if ($("#documentos").is(':checked')) {
		documentos = "S";
	}
	var encuestas = "N";
	if ($("#encuestas").is(':checked')) {
		encuestas = "S";
	}
	var bandejas = "N";
	if ($("#bandejas").is(':checked')) {
		bandejas = "S";
	}
	var gbandejas = "N";
	if ($("#gbandejas").is(':checked')) {
		gbandejas = "S";
	}
	
		var cmd = document.getElementById("cmd_agregar");
		cmd.disabled = true;
		$("#info").html("<img src=\"images/loading.gif\" >Procesando solicitud");
		$.post(
			"SrvUsuarios",
			{
				operacion: "add",
				usuario: usuario,
				nombre: nombre,
				perfil:perfil,
				clave: clave,
				estado: estado,
				inventario: inventario,
				descargas: descargas,
				noticias: noticias,
				documentos: documentos,
				encuestas: encuestas,
				bandejas: bandejas,
				gbandejas: gbandejas,
				personal: personal,
				rol: rol
			},
			procesar
		
		);

}

function procesar(resultado) {
	var cmd = document.getElementById("cmd_agregar");
	cmd.disabled = false;
	if (resultado != 'OK') {
		$("#info").html("<img src=\"warning.jpg\">" + resultado);
	}else {
		$("#info").html("Usuario agregada correctamente").fadeOut(3000);
		CleanAllTextbox();
		NoSelectAllCheckbox();
	}
	
}

function buscar() {
	var criterio = $("#criterio").val();
	if (criterio == "") {
		alert("debe ingresar el criterio de busqueda");
		return;
	}
	$("#list").load("SrvUsuarios?operacion=list&criterio=" + criterio, function() {
		$( "input:button, a, button", ".demo" ).button();
	});
}
function cancelar() {
	window.location.href = "menu.jsp?menu=1";
}
function generar_pswd() {
	$("#genpass").load("SrvGenPassword");
}
function NoSelectAllCheckbox() {
	$(':checkbox').each(function () {
		this.checked = false;
	});
}
function SelectAllCheckbox() {
	$(':checkbox').each(function () {
		this.checked = true;
	});
}
function CleanAllTextbox() {
	$(':text').each(function () {
		this.value="";
	});
	$(':password').each(function () {
		this.value="";
	});
}
function buscar_personal() {
	url = "BuscarPersonal.jsp";
	window.open(url , "BuscarPersonal" , "width=600,height=500,scrollbars=YES,menubar=No,toolbar=NO,status=YES"); 
}
</script>
</head>
<body>
<%@include file="header.jsp"%>
<div class="contencenter demo">
<h2><img alt="Usuarios" src="images/user.png">Usuarios</h2>
<div id="info"></div>
<form action="" method="POST" id="form1" name="form1">
<table>
	<tr>
		<th colspan="4">Datos Usuario</th>
	</tr>
	<tr>
		<td>Usuario</td>
		<td><input type="text" id="usuario" name="usuario"> </td>
		<td>Nombre</td>
		<td><input type="text" id="nombre" name="nombre" size="40"> </td>
	</tr>
	<tr>
		<td>Perfil</td>
		<td>
		<select name="perfil" id="perfil">
		<option value="-1">Seleccionar</option>
		<% for (int i=0; i< p.size(); i++) { 
			Perfiles a =(Perfiles)p.get(i);
			
		%>
			<option value="<%= a.getId() %>"><%= a.getPerfil() %></option>
		<% } %>
		</select></td>
		<td>Rol</td>
		<td>
		<select name="rol" id="rol">
		<option value="">Seleccionar</option>
		<% for (Roles rol : roles ) { %>
		<option value ="<%= rol.getId()  %>"><%= rol.getDescripcion() %></option>
		<% } %>
		</select>
		</td>	
	</tr>
	<tr>
	<td>Activo?</td>
			<td colspan="3">
			<select id="estado" name="estado">
			<option value="1">Si</option>
			<option value="0">No</option>
			</select>
			</td>
		
	</tr>
	<tr>
		<td>Clave</td>
		<td><input type="password" id="clave" name="clave"> 
		<input type="button" id="cmd_genpass" onclick="javascript:generar_pswd();" value="Generar Clave">
		<div id="genpass"></div>
		</td>

		<td>Repetir Clave</td>
		<td><input type="password" id="re_clave" name="re_clave"> </td>
	</tr>
	<tr>
	<th colspan="4">Privilegios</th>
	</tr>
	<tr>
		<td colspan="4"><input name="cmd_select_all" type="button" onclick="javascript:SelectAllCheckbox()" value="Seleccionar todos"/> <input name="cmd_no_select_all" type="button" onclick="javascript:NoSelectAllCheckbox()" value="Quitar todos"/></td>
	</tr>
	<tr>
		<td colspan="4">
		<input type="checkbox" id="inventario" value="0" />Ver Inventario 
		<input type="checkbox" id="descargas" value="1" /> Descargar material 
		<input type="checkbox" id="noticias" value="1" /> Ver Noticias 
		<input type="checkbox" id="documentos" value="1" /> Ver Documentos 
		<input type="checkbox" id="encuestas" value="1" /> Ver Encuestas
		<input type="checkbox" id="bandejas" value="1" /> Ver Bandejas
		<input type="checkbox" id="gbandejas" value="1" /> Gestionar Bandejas</td>
	<tr>
	
	<tr>
	<th colspan="4">Asignar personal</th>
	</tr>
	<tr>
		<td colspan="4">Cedula: <input type="text" id="cedula" name="cedula" disabled> Nombre: <input type="text" id="nombres" name="nombres" disabled size=40> <input type="button" name="cmd_buscar_personal" onclick="javascript:buscar_personal()" value="Buscar personal" /></td>
	</tr>
	
		<tr>
			<td colspan="4"><input type="button" name="cmd_agregar" id="cmd_agregar" value="Agregar nuevo usuario" onclick="javascript:agregar()"></td>
		</tr>
</table>

</form>
<h3>Busqueda Usuario</h3>
<form action="" name="form2">
Criterio de busqueda: <input type="text" value="" name="criterio" id="criterio">
<input type="button" name="cmd_enviar" value="Consultar" onclick="javascript:buscar()">
</form>
<div id="list"></div>
</div>
<%@include file="foot.jsp"%>
</body>
</html>
<%
	conexion.Close();
%>

